<template>
  <div>
    <headTitle></headTitle>
    <infoNav @changeVal="changeNavVal"></infoNav>
    <banner></banner>
  </div>
</template>
<script>
import headTitle from "./headtitle.vue";
import infoNav from "./nav.vue";
import banner from "./banner.vue";

export default {
  data() {
    return {
      nowNav: "",
    };
  },
  components: { headTitle, infoNav, banner },
  methods: {
    changeNavVal(val) {
      this.nowNav = val;
      console.log(val);
    },
  },
};
</script>
